<template>
  <header>
    <div class="search">
      <i class="iconfont icon-fangdajing"></i>
      <input type="text" placeholder="搜索鲜花、蛋糕、礼品" />
    </div>
    <hr />
  </header>
</template>
<script>
export default {
  name: "Header",
};
</script>
<style lang="scss" scoped>
.search {
  width: 350px;
  height: 36px;
  background-color: rgb(233, 233, 233);
  border-radius: 25px;
  margin: 5px auto;
  i {
    width: 20px;
    height: 20px;
    font-size: 18px;
    margin: auto 10px;
  }
  input {
    width: 290px;
    height: 36px;
    background-color: rgb(233, 233, 233);
    font-size: 18px;
  }
}
hr {
  background-color: rgb(221, 220, 220);
}
</style>